import { App } from "vue";
// import {
//   ElButton,
//   ElMenu,
//   ElMenuItem,
//   ElMessage,
//   ElMessageBox,
//   ElNotification,
//   ElSubMenu,
// } from "element-plus";
// import "element-plus/theme-chalk/index.css";

// $ELEMENT size 属性类型
export type Size = "default" | "medium" | "small" | "mini";

export default (app: App): void => {
  // 按需导入组件列表
  // const components = [
  //   ElButton,
  //   ElMessage,
  //   ElNotification,
  //   ElMessageBox,
  //   ElMenu,
  //   ElMenuItem,
  //   ElSubMenu,
  // ];

  // components.forEach((component) => {
  //   app.component(component.name, component);
  // });

  // Vue.prototype 替换为 config.globalProperties
  // 文档说明 https://v3.cn.vuejs.org/guide/migration/global-api.html#vue-prototype-%E6%9B%BF%E6%8D%A2%E4%B8%BA-config-globalproperties

  // app.config.globalProperties.$message = ElMessage;
  // app.config.globalProperties.$notify = ElNotification;
  // app.config.globalProperties.$confirm = ElMessageBox.confirm;
  // app.config.globalProperties.$alert = ElMessageBox.alert;
  // app.config.globalProperties.$prompt = ElMessageBox.prompt;

  app.config.globalProperties.$ELEMENT = {
    size: "medium",
    // zIndex: 2000 弹窗zIndex默认值：2000
  };
};
